{include file="header.html"}
<header class="index-header">
    <div class="relative">
    <div class="jd-search-box-cover" style="opacity: 0;"></div>
        <div class="header_w">
            <div class="header-logo">
                <a href="index.php"><img src="{$site_url}/{$wap_site_logo}" class="logo"/></a>
                <div class="search">
                    <div class="search-box">
                        <form>
						<div style="position: absolute;top:0;left:3px;z-index: 9999;background:#fff;width:40px;">
						<ul class='top-search-tab' style='height:30px;overflow:hidden;border-right:1px solid #ddd;padding:0px 5px;z-index:99'>
							<li act='index'>{$lang.goods}</li>
							<li act='store'>{$lang.store}</li>
						  
						</ul>
						<span class="iconfont" style="position:absolute;right:0;top:0;font-size:12px;-webkit-transform:scale(0.5,0.5); ">&#xf0118;</span>
						</div>
                            <input type="hidden" name="app" value="search"/>
                            <input type="hidden" name="act" value="index"/>
                            <input type="text" name="keyword"  value="" placeholder="{$lang.keywords}" class="keyword" />
                            <input type="submit" class="iconfont btn" value="&#xf00d9;" />
                        </form>
                    </div>
                </div>
                <a href="index.php?app=member" class="iconfont member">{if !$visitor.user_id}{$lang.logging}{else}<span class="icon">&#xf00f3;</span>{/if}</a>
            </div>
        </div>
    </div>
    </header>
<script>
            $(function(){
                $(".top-search-tab li").click(function(){

                    $(".top-search-tab").css('height','auto');
            
                    $(".top-search-tab").prepend($(this));
                    $("input[name=act]").val($(this).attr('act'));
                    setTimeout(function(){
                        $(".top-search-tab").animate({height:'30px'});
                    },3000);
                });

            <!--{if $smarty.get.act eq 'store'}-->
            $(".top-search-tab li:eq(1)").click();
            $(".top-search-tab").css('height','30px');
            <!--{/if}-->
        
            <!--{if $smarty.get.act eq 'groupbuy'}-->
            $(".top-search-tab li:eq(2)").click();
            $(".top-search-tab").css('height','30px');
            <!--{/if}-->
            })

        </script>
<script>
    $(function(){
        $(window).scroll(function(){
            if($(window).scrollTop()<140){
                $(".jd-search-box-cover").css('opacity',(0.85*$(window).scrollTop()/140));
            }else{
                $(".jd-search-box-cover").css('opacity','0.85');
            }
        });
    })
</script>
<div class="col-0" area="col-0" data-position="0" widget_type="area">
            <!--{widgets page=index area=col-0}-->
</div>
<!--{if $wap_recommended_goods}-->
<section id="recommended_goods">
    <div class="gray-text"><span class="gray-layout"><span class="gray-text-img iconfont">&#xf011e;</span>{$lang.Recommended}</span></div>
    <ul class="row">
        <!--{foreach from=$wap_recommended_goods item=goods name=fe_goods}-->
        <a href="{url app=goods&id=$goods.goods_id}">
            <li class="clearfix">
                <div class='similar-product'>
                <img class="lazyload" initial-url="{$site_url}/{$goods.default_image}">
                <div class="info">
                    <span class="title">{$goods.goods_name|escape}</span>
                    <span class="price">{$currency}<span class="big-price">{$goods.price_array.0}</span><span class="small-price">.{$goods.price_array.1|default:0}</span></span>
                </div>
                </div>
            </li>
        </a>
        <!--{/foreach}-->
        <div style="clear:both;height:0; display:block; overflow:hidden"></div>
    </ul>
</section>
<!--{/if}-->

{include file="footer.html"}